/* 
    Document   : main
    Created on : Oct 4, 2010, 2:39:17 AM
    Author     : agusor
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
  background-color: #EDC860;
  background-image: url(../images/header/background/background.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  font-family: Arial,Helvetica,sans-serif;
  position: relative;
  min-height: 100%;
  margin: 0 0 0 0;
}

.page {
  padding: 0px;
}

.content {
  width: 940px;
  background: white;
  -moz-border-radius-topleft: 20px 6px;
  border-top-right-radius-: 20px 6px;
}

/* HEADER */

.header {
  width: 952px;
  height: 142px;
}

.header a {
  color: white;
}

.header-content {
  background-color: white;
  background-image: url(../images/header/background/background.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  width: 940px;
  -moz-border-radius-bottomleft: 20px 6px;
  border-bottom-left-radius-: 20px 6px;
  height: 142px;
}
.header-right {
  background-image: url(../images/header/background/line-right.png);
  background-repeat: repeat-y;
  background-position: right top;
  height: 137px;
}

.header-left {
  background-image: url(../images/header/background/line-left.png);
  background-repeat: repeat-y;
  background-position: left top;
  height: 137px;
}

.header-center {
  background-image: url(../images/header/background/green-line.png);
  background-position: 0 129px;
  background-repeat: repeat-x;
  height: 137px;
}

.header-logo {
  position: absolute;
  top: 22px;
  left: 201px;
}

.header-buttons {
  position: absolute;
  left: 989px;
  top: 12px;
}

.header-slogan {
  position: absolute;
  left: 700px;
  top: 74px;
}

/* END HEADER */

/* MENU */
.menu {
  float: right;
  position: absolute;
  top: 86px;
  left: 201px;
}

.menu-wrapper {
  float: left;
}

.menu-button {
  background: white;
  background-image: url(../images/menu_button/border-top.png);
  background-repeat: repeat-x;
  background-position: left top;
  height: 46px;
}

.menu-button-content {
  line-height:12px;
  text-align:center;
  margin:10px;
  padding-top:12px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

.menu-button-content a {
  color: gray;
  text-decoration: none;
}

.menu-button-left {
  background-image: url(../images/menu_button/border-left.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 100%;
}

.menu-button-right {
  background-image: url(../images/menu_button/border-right.png);
  background-repeat: no-repeat;
  background-position: right top;
  height: 100%;
}

.menu-button-left-end {
  background-image: url(../images/menu_button/border-left-end.png);
  background-repeat: no-repeat;
  background-position: left top;
  height: 100%;
}

.menu-button-right-end {
  background-image: url(../images/menu_button/border-right-end.png);
  background-repeat: no-repeat;
  background-position: right top;
  height: 100%;
}

/* END MENU*/

/* FOOTER */
.footer {
  font-size: 13px;
  width: 940px;
  text-align: center;
  background: white;
  line-height: 5px;
  color: gray;
  height: 55px;
  -moz-border-radius-bottomleft: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-right-radius-: 15px;
  border-bottom-left-radius-: 15px;
}

.footer-content {
  margin-bottom: 10px;
}

.footer a {
  text-decoration: none;
  color: #656668;
}

.footer-line {
  background-color: #9C9D9F;
  width: 888px;
  height: 1px;
  margin-bottom: 10px;
}

.footer-menu {
  font-size: 11px;
  font-weight: bold;
  font-variant: small-caps;
}
/* END FOOTER*/
